<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Titulo del documento</title>
<style type="text/css">
@page {
  size: a4 landscape;
  margin: 1cm;
  @frame footer {
    -pdf-frame-content: footerContent;
    bottom: 0.2cm;
    margin-left: 1cm;
    margin-right: 1cm;
    height: 1cm;
    border: 1px solid red;
  }   
  
} 




td {
    text-align: center;
}

th {
    font-weight: bolder;
    text-align: center;
    font-style: small-caps;
}
table {
    /*border: 1px solid #DDDDDD;*/
}
</style>
</head>
<body>
<h1 style="text-align: center;">Listado de eventos</h1>
<p>Listado de eventos de la(s) unidades de control ... desde la fecha ...
a la fecha ..., con el estado .....</p>

<table border=1 style="padding: 3px; height: 70%;">
<tbody>
<tr><th style="width: 10%;">COID</th><th>Tipo</th>
<th>Puerto</th><th>Bit</th><th>Evento</th>
<th>Reparación</th>
</tr>
<tr>
    <td>0203</td><td>Prueba</td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
    <td>0203</td><td></td><td></td><td></td><td></td><td></td>
</tr>

<div id="footerContent">
Listado de eventos <pdf:pageNumber/>
</div>

</tbody>
</table>

</body>
</html> 
